body{
    font-family: 'Open Sans', 'Electrolize', sans-serif;
    font-size: 0.9em;
}

p{margin-bottom: 0;display: inline-block;}

header{
    border-bottom: 1px solid #EEEEEE;
    background-color: #fbfbfb;
    
}

#header{
    padding: 20px 0px 0px; 
    img{margin-left: -5px;}
}

//INGRESO USUARIO
#registrate a{ line-height: 1.9em;}
#registrate a:hover{color: #B0DF7E;}

//INGRESO USUARIO BOTON
#login{
    margin: 20px 0px;
    .button{
        padding: 0.4em;
        background-color: #59B200;
        font-weight: normal;        
    }    
} 


//BOTONERA
.button-ctrl{    
    margin-left: -10px;
    margin-right: -10px;   
    
    .button{      
        border: 1px solid #ccc;
        background-color: #f1f1f1;
        color: #000;
        font-weight: normal;      
        box-shadow: 0 1px 3px #888888;
        width:100%;
    }
    .button:hover{background-color: #B0DF7E;border: 1px solid #59b200;}
}

section{
    max-width: 100%;
    padding: 1em;
    margin: 0 auto;
    img{border-radius: 5px;}
}

// HIPERVINCULOS 
#links li a{margin-left: 1em;}
    

#links li a:hover{color: #B0DF7E;}

//PANELES 
.pnl_ctrl{
    margin-top: 1em;
    border: 1px solid #DDDDDD;
    background-color: #fbfbfb;
    border-radius: 3px;
    padding: 1em; 
    h5{color: #2A4A9F;}
    img{margin-top: 5px;}
    p{float: left;margin-bottom: 5px;}
    a{float: right;}
}

//FOTO CLIENTES, FIX THIS! 
.contacto_ctrl{
    border-radius: 3px;
    padding: 2em;
    border: 1px solid #dddddd;
    margin-top: 1em;
    p{color:#2A4A9F;float: left;}
    #ponete{font-size: 1.5em; margin-top: 0.25em;}
    #tel{font-size: 2em; font-weight: bold;margin-left: 1em;color: #B0DF7E;}
    #seguinos{font-size: 1.4em; color: #ECECEC;margin: 0.3em 0 0 0.5em;}
    span{color: #ECECEC;}
    //IMAGENES
    #telefono{margin: 0.8em 0 0 2em;}
    img{margin: 0.6em 1em 0 0;}
}


footer{background-color: #FBFBFB;border-top: 1px solid #EEEEEE;}

.footer_ctrl{
    margin-top: 1em;
    #info{margin-top: 2em;font-size: 0.9em;}
    .seguinos-footer{margin-top: 1em;font-weight: bold;}
    img{margin: 0 1em 0 0;float: left;}    
}


ul p{
    font-weight: bold;    
    font-size: 0.99em
    ;margin-bottom: 1em;
}

.footer_ctrl{
    #data-user{
        font-weight: bold;
        margin-bottom: 1em;
    }
}


//RESPONSIVE

@media only screen and (max-width: 768px) {
    .button-ctrl{}
    #links{ margin-top: 1.5em;}
    section{padding: 0;}
    .contacto_ctrl{
        padding: 1em;
        p{margin-left: 0;}
        #telefono{margin: 0;}
        #ponete{float: left;}    
        #tel{margin: 0; font-size: 1.5em;}
        #seguinos{margin: 0;}
        img{margin: 0 0 1em 0; float: left;}
    } 
    .footer_ctrl #info{margin-bottom: 2em;}
    
}
